<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="apple-mobile-web-app-title" content="墨藏老酒">
		<link rel="stylesheet" href="css/mui.css">
		<link rel="stylesheet" href="css/agent.css">
		<link rel="stylesheet" href="font_1164560_51nk3uh81z5/iconfont.css">
		<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
		<script type="text/javascript" src="js/area.js"></script>
        <script type="text/javascript" src="js/location.js"></script>
		<link href="css/sel.css" rel="stylesheet" />
		<link href="css/select2.css" rel="stylesheet" />
		<script src="js/select2.js"></script>
		<script src="js/select2_locale_zh-cn.js"></script>
		<title>区域代理</title>
		<style>
			.mui-bar-nav{background: transparent;box-shadow: none;}
			.mui-bar-nav a{color:#fff;}
			.mui-bar-nav h1{color:#DFB222;text-align: center;}
			.mui-title{font-size: 25px;top:.8rem}
			.content{margin-top:104px;padding: 0 5%;}
			.mui-slider .mui-slider-group .mui-slider-item{height:auto;}
			div,ul,li{margin:0;padding:0;}
            ul{list-style:none;}
            .select{position:relative;width:100%;height:36px;border:1px solid #eee;cursor:pointer;}
            .select:after{content:"";position:absolute;top:50%;right:10px;margin-top:-2px;border-top:5px solid #666;border-right:5px solid transparent;border-left:5px solid transparent;}
            .select .select_text{padding:0 20px 0 10px;height:36px;line-height:36px;color:#fff;}
            .select_ul{display:none;position:absolute;top:34px;left:-1px;width:134px;min-width:134px;border:1px solid #D4D4D4;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;}
            .select_ul li{line-height:36px;text-indent:10px;}
            .select_ul li:hover{color:#fff;background:#6AA7EA;}
            .select_ul li.cur{color:#fff;background:#195DA3;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">区域代理</h1>
		</header>
		<div class="content">
			<div class="tip">
				<h1>区域合伙人手机：</h1>
				<ul>
					<li>① 给予首批进货款的5%的宣传及物料支持  </li>
					<li>② 给予首批进货款的10%的品鉴酒支持</li>
					<li>③本区域内招募线下传统代理商（根据区域首批进货15万-50万），享受该代理商首批进货额的5%提成，后续代理商进货可获得3%的收益。</li>
					<li>④ 招募其他区域创始合伙人，每名一次性奖励3000元，并享受该区域所有与该创始合伙人有关联的销售额2%的销售收益。</li>
				</ul>
			</div>
			<div class="info">
				<form action="">
					<ul>
						<li>
							<label for="">代理商编号</label>
							<input type="text">
						</li>
						<li>
							<label for="">代理商手机</label>
							<input type="text">
						</li>
						<li>
							<label for="">代理商姓名</label>
							<input type="text">
						</li>
						<div class="agent_area">
							<label for="">代理商区域</label>
							<div class="main">
								<select id="loc_province" style="width:120px;"></select>
								<select id="loc_city"></select>
								<select id="loc_town"></select>
								<input type="text" placeholder="详细地址">
								<!-- <br><br><br><br> -->
							<!-- 	<input type="button" id="btnval" value="获取值" />
								<input type="button" id="btntext" value="获取文本" /> -->
							</div>
							<!--<div class="detail_address">-->
								<!---->
							<!--</div>-->
						</div>
						<div class="num">
							<label for="">推荐人编号</label>
							<input type="text">
						</div>
						
					</ul>
					<div class="btn">
						<button>提交</button>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>
